
<? include "header.php" ?>
<? include "sidebar.html" ?>
  <div id="content" valign=top>

    <h1>Regional Map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id='permalink' href=""><font size=-2>Permalink</font></a></h1>
 
  	<table width=100%><tr><td valign=top>
        <div id="map"></div>
       
        </td>
        <td valign=top width=100%>
          
         <div id="helpbar" class=bodytext align=left>
             <div id="rolloverbox">
             
             </div>
             
             How to use this map:<br>
             <b>Rollover</b> the station to get the most recent data.<br>
             <b>Click</b> the station icon to the station page.<br>
                         
             <img src=lib/img/layer-switcher-maximize.png width=12>&nbsp;<b>View and Load</b> Different Layers.<br>
                 
             
             <div id=tform></div>
         </div>
<div id=help>
How to use this map:<br>
             <b>Rollover</b> the station to get the most recent data.<br>
             <b>Click</b> the station icon to the station page.<br>
             If the stations are too crowded, try to turn on certain layer which includes this station only.<br>
             
             <img src=lib/img/layer-switcher-maximize.png width=12>&nbsp;View and Load Different Layers.<br>
                 
             <img src=lib/img/north-mini.png width=12>&nbsp;Move North<br>
             <img src=lib/img/south-mini.png width=12>&nbsp;Move South<br>
             <img src=lib/img/east-mini.png width=12>&nbsp;Move East<br>
             <img src=lib/img/west-mini.png width=12>&nbsp;Move West<br>
             <img src=lib/img/zoom-minus-mini.png width=12>&nbsp;Zoom in<br>
             <img src=lib/img/zoom-plus-mini.png width=12>&nbsp;Zoom Out<br>
             <div id=tform></div>
</div>
        </td></tr></table>
        
 
       
     
   
    <!-- end #content --></div>

<? include "footer.html" ?>
